
	<link rel="stylesheet" type="text/css" href="../css/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../css/themes/icon.css">

  
   <div id="panel-roleUser"  data-options="border:false,fit:true">
		
			<div class="well well-small" style="margin-left: 5px;margin-top: 5px">
				
				<p>
					<span class="badge">提示</span>
					为角色配置用户，请<span class="label-info"><strong>双击角色</strong></span>查看所包括人员！
					超级管理员默认拥有<span class="label-info"><strong>所有权限！</strong></span>
				</p>
			</div>
			<table cellpadding="2" cellspacing="2" style="width:100%">
				<tr>
				<td style="width:20%">
					
					<div class="tb-depart" style="padding:2px 0">
						<table cellpadding="0" cellspacing="0">
							<tr>								
								<td style="padding-left:2px">
									<input class="search-depart" type="text"/>
								</td>
							</tr>
						</table>
					</div>
					
					<table  class="easyui-treegrid tg-department" title="部门"
						data-options="rownumbers:true,
						animate: true,
						collapsible: true,					
						striped:true,
						border:true,
						//singleSelect:false,
						idField: 'id',
						treeField: 'name',					
						fitColumns: true,
						checkOnSelect:true,
						selectOnCheck:true">
						
						<thead>						
							<tr>								
								<th field="name" width="200" haligh="center" aligh="left">部门名称</th>															
							</tr>
						</thead>
						
					</table>
					
					
				</td>
				<td style="width:20%">
					
					<div id="tbUserroleUser" style="padding:2px 0">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td style="padding-left:2px">
									
									<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-config" plain="true" >保存设置</a>
								
								</td>
								<td style="padding-left:2px">
									<input id="searchbox-UserroleUser" type="text"/>
								</td>
							</tr>
						</table>
					</div>
					<div id="mmUserroleUser">
							<div name="id">用户编码</div>
							<div name="account">用户账户</div>
							<div name="name">用户名</div>							
					</div>
					<table id="dgUserroleUser" title="用户" data-options="
						width : 'auto',						
						pagination:true,
						rownumbers:true,
						fitColumns : true,
						singleSelect:true,
						striped:true,
						border:true,						
						toolbar:'#tbUserroleUser'">
							<thead>						
								<tr>									
									<th field="id" width="40" align="center">编号</th>
									<th field="name" width="100" align="right">用户姓名</th>
									<th field="loginName" width="100" align="right">登录帐号</th>																								
								</tr>
							</thead>
					</table>
					
					
				</td>
				<td style="width:49%">
				
					<div id="tbUserroleRole" style="padding:2px 0">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td style="padding-left:4px;padding-bottom:4px;">
									<input id="searchbox-UserroleRole" type="text"/>
								</td>
							</tr>
						</table>
					</div>
					<div id="mmUserroleRole">
							<div name="name">角色名称</div>
							<div name="description">角色描述</div>
					</div>
					<table id="dgUserroleRole" title="角色" class="easyui-datagrid" data-options="
						width : 'auto',						
						pagination:true,
						border:true,
						rownumbers:true,
						fitColumns : true,
						singleSelect:false,
						striped:true,
						idField: 'id',						
						toolbar:'#tbUserroleRole'">
							 <thead>						
								<tr>
									<th field="ck" checkbox="true"></th>
									<th field="id" width="40" align="center">编号</th>
									<th field="name" width="100" align="right">角色名称</th>
																								
								</tr>
							</thead>
						 </table>
				</td>
				</tr>
			</table>
	</div>

<script>

requirejs(['userRoleModule','domReady!'],function(dept,doc){
	dept.init(doc);
});	

</script>
